<?xml version="1.0" encoding="ISO-8859-1" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template.xhtml" >

    <ui:define name="contenido">
        <h:form id="formulario" prependId="false">

            <p:panel header="Asignación de permisos" id="pUsuario" style="height: auto;"  >

                <p:messages showDetail="true" />

                <p:contextMenu for="treeSingle">
                    <p:menuitem value="Habilitar" update="treeSingle" actionListener="#{permisosBean.habilitarMenu}" icon="ui-icon-add" />
                    <p:menuitem value="Bloquear"  update="treeSingle" actionListener="#{permisosBean.bloquearMenu}" icon="ui-icon-close"/>
                </p:contextMenu>
                
                <div class="ui-grid-responsive">
                    <div class="ui-grid-row">
                        <div class="ui-grid-col-6">
                            <ui:include src="../seguridad/usuarioPermisoI.xhtml" />
                        </div>
                        <div class="ui-grid-col-6">
                            <p:tree id="treeSingle" value="#{permisosBean.menu}" var="node" rendered="#{not empty permisosBean.usuario}"
                                    dynamic="true"
                                    selectionMode="single"
                                    selection="#{permisosBean.nodoSeleccionado}"
                                    style="width: 400px;" >

                                <p:treeNode type="habilitado" icon="ok16">
                                    <h:outputText value="#{node}" />
                                </p:treeNode>

                                <p:treeNode type="bloqueado" icon="delete16">
                                    <h:outputText value="#{node}" />
                                </p:treeNode>

                            </p:tree>
                        </div>
                    </div>
                </div>

            
        </p:panel>
    
        </h:form>
    </ui:define>

</ui:composition>
</html>


